/*
 * @Author: 郭招娣 10615594+guo-zhaodi@user.noreply.gitee.com
 * @Date: 2022-10-21 14:54:42
 * @LastEditors: 郭招娣 10615594+guo-zhaodi@user.noreply.gitee.com
 * @LastEditTime: 2022-10-24 08:56:36
 * @FilePath: \宏烨找房\user\demo\src\page\Sure\index.jsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React from 'react'
import { ArrowLeft, Ellipsis } from '@react-vant/icons';
import { useNavigate } from 'react-router-dom'
import './index.css'

function Sure() {
  const navigate = useNavigate()

  const onClear = () => {
    window.history.back()
  }
  // 返回登录页面
  const back = () => {
    navigate('/login')
  }

  const onSure = () => {
    navigate('/login')
  }

  return (
    <div className='box'>
      <img src={require('../../img/2.png')} />
      <div className='top'>
        <ArrowLeft onClick={() => back()} />
        <b>登录</b>
        <Ellipsis />
      </div>

      <main>
        <img src={require('../../img/1.jpg')} style={{ width: '100%', height: '100%' }} />
      </main>

      <footer className='footer'>
        <p>您好，小程序需要您的授权才能更好的为您服务哦~</p>
        <p style={{ fontSize: '12px' }}>获取你的公开信息（昵称，头像，手机号等）</p>
        <button className='clear' onClick={() => onClear()}>取消</button>
        <button className='sure' onClick={() => onSure()}>登录</button>
      </footer>
    </div>
  )
}

export default Sure